.QRCode {
    width: 100vw;
    height: 100vh;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 40px;
    .container {
        width: 500px;
        height: 700px;
        margin-left: 125px;
        position: relative;
        color: #333;
        .leftDot, .rightDot {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
        }
        .leftDot {
            left: -25px;
            top: 180px;
        }
        .rightDot {
            right: -25px;
            top: 180px;
        }
        .glassInfo {
            width: 100%;
            height: 200px;
            background: #ffc600;
            border-radius: 10px;
            box-sizing: border-box;
            padding-top: 20px;
            .title1, .title3 {
                font-size: 24px;
            }
            .title2 {
                font-size: 48px;
                margin: 10px 0;
                font-weight: bold;
            }
        }
        .Qrcode {
            width: 100%;
            height: 480px;
            background: #1b1b1b;
            border-radius: 10px;
            box-sizing: border-box;
            padding-top: 60px;
            .code {
                width: 300px;
                height: 300px;
                border: 1px solid #fff;
                margin-left: calc(50% - 150px);
                .imgCode {
                    width: 299px;
                    height: 299px;
                }
            }

            .saveToLocal {
                font-size: 30px;
                margin-top: 40px;
                color: #fff;
            }
        }
    }
    .optionArea {
       margin-top: 20px;
       font-size: 28px;
       .quCode {
            color: #1b1b1b;
            font-weight: bold;
       }
       .redFont {
            margin-top: 10px;
            color: #e695ae;
       }
    }
}